<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/new.css"/>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
		<script src="js/jquery-3.1.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/area.min.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div id="header">
			<div id="h1">
				<div id="left">
					<span style="font-size: 16px;color: red;">北京</span><a href="#">[切换城市]</a>|<a href="#">同城帮首页</a>
				</div>
				<div id="right">
					<a href="#">登录</a>|
					<a href="#">注册</a>|
					<a href="#">我的订单</a>|
					<a href="#">在线客服（9:00-21:00）</a>|
					<a href="#">客户服务▼</a>|
					<a href="#">论坛</a>|
					<a href="#" style="color: red;">投诉建议</a>
				</div>
			</div>
		</div>
		<div id="nav">
			<div id="left" style="width: 235px;height: 78px;">
				<img src="img/35.png"/ >
			</div>
			<ul>
				<li style="position: relative;"><a href="#">二手优品</a> <img src="img/34.png"/ style="display: block;position: absolute;right: 0;top: 15px;"></li>
				<li><a href="#">手机回收</a></li>
				<li><a href="#">手机维修</a></li>
				<li><a href="#">电脑维修</a></li>
				<li><a href="#">以旧换新</a></li>
				<li><a href="#">手机租用</a></li>
			</ul>
		</div>
		<div id="main">
			<div id="myCarousel" class="carousel slide">
			<!--轮播图-->
			<ol class="carousel-indicators">
				<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
				<li data-target="#myCarousel" data-slide-to="1"></li>
				<li data-target="#myCarousel" data-slide-to="2"></li>
				
				
			</ol>
			<!--图片-->
			<div class="carousel-inner">
				
				
				<div class="item active"><img src="img/t014658b2dbcf541b01.jpg"/><p class="carousel-caption"></p></div>
				<div class="item"><img src="img/5.png"/></div>
				<div class="item"><img src="img/6.png"/></div>
				
				
			</div>
			<div id="ma">
				<ul>
					<li>
						<table>
						<tr><td><img src="img/2_03.png"/></td><td class="noa">修手机/Pad</td><td class="nono">></td></tr>
						</table>
					</li>
					<li>
						<table>
						<tr><td><img src="img/2_06.png"/></td><td class="noa">修电脑</td><td class="nono">></td></tr>
						</table>
					</li><li>
						<table>
						<tr><td><img src="img/2_08.png"/></td><td class="noa">卖手机/电脑</td><td class="nono">></td></tr>
						</table>
					</li><li>
						<table>
						<tr><td><img src="img/2_10.png"/></td><td class="noa">买二手机</td><td class="nono">></td></tr>
						</table>
					</li>
					
				</ul>
			</div>
			
			</div>
		</div>
		</div>
		<div id="mainbody">
			<div id="mba">
				<img src="img/2.jpg"/>
				<img src="img/10.jpg"/>
				<img src="img/15.png"/>
				<img src="img/14.jpg"/>
			</div>
			<div id="mbb"><span >热门手机回收</span><a href="#">查看更多></a></div>
		
			<div id="mbc">
				<a href="#"><img src="img/4_03.png"/ ></a>
				<a href="#"><img src="img/images/4_03.png"/ ></a>
				<a href="#"><img src="img/images/4_04.png"/></a>
				<a href="#"><img src="img/images/4_05.png"/></a>
				<a href="#"><img src="img/images/4_06.png"/></a>
				<a href="#"><img src="img/images/4_07.png"/></a>
				
				 
			</div>
			<div id="mbb"><span >优品精选</span><a href="#">查看更多></a></div>
			<div id="mbc">
				<a href="#"><img src="img/4_06.png"/ ></a>
				<a href="#"><img src="img/4_10.png"/ ></a>
				<a href="#"><img src="img/4_11.png"/></a>
				<a href="#"><img src="img/4_12.png"/></a>
				<a href="#"><img src="img/4_13.png"/></a>
				<a href="#"><img src="img/4_14.png"/></a>
				
				 
			</div>
			<div id="mbb"><span >到店维修</span></div>
			<div id="mbd">
				<select id="s_province" name="s_province">	</select>
				<select id="s_city" name="s_city"></select>
				<select id="s_county" name="s_county"></select>
				<input type="text" name="" id="in-txt" placeholder="输入您的位置查找附近商家" value="" /><input type="button" name="" id="in-ss" value="搜索" />
			</div>
			<div id="mbe">
				<div id="mbe-a"></div>
				<div id="mbe-b">
					<ul>
						<li>	
							<div class="li-a"><img src="img/24.jpg"/ ></div>
							
							<div class="li-b">
								<a href="#"><span>顺通电脑维修</span></a><span> 店铺等级：**</span>
								<div id="">
									主营：<span>电脑维修，电脑周边配件，系统维护，网络安装，打印机加粉</span>
								</div>
								<div id="">
									地址：<span>北京通州区瑞都国际南区12号楼底商12-2</span>
								</div>
							</div>
							<div class="li-c">
								<div>￥先行赔付</div>
								<div>V同城帮认证</div>
								<div>人气：111111次浏览</div>
							</div>
						</li>
						<li>	
							<div class="li-a"><img src="img/24.jpg"/ ></div>
							
							<div class="li-b">
								<a href="#"><span class="shop-name"></span></a><span> 店铺等级：**</span>
								<div id="">
									主营：<span class="shop-nr"></span>
								</div>
								<div id="">
									地址：<span class="shop-url"></span>
								</div>
							</div>
							<div class="li-c">
								<div>￥先行赔付</div>
								<div>V同城帮认证</div>
								<div>人气：111111次浏览</div>
							</div>
						</li>
						<li>	
							<div class="li-a"><img src="img/24.jpg"/ ></div>
							
							<div class="li-b">
								<a href="#"><span class="shop-name"></span></a><span> 店铺等级：**</span>
								<div id="">
									主营：<span class="shop-nr"></span>
								</div>
								<div id="">
									地址：<span class="shop-url"></span>
								</div>
							</div>
							<div class="li-c">
								<div>￥先行赔付</div>
								<div>V同城帮认证</div>
								<div>人气：111111次浏览</div>
							</div>
						</li><li>	
							<div class="li-a"><img src="img/24.jpg"/ ></div>
							
							<div class="li-b">
								<a href="#"><span class="shop-name"></span></a><span> 店铺等级：**</span>
								<div id="">
									主营：<span class="shop-nr"></span>
								</div>
								<div id="">
									地址：<span class="shop-url"></span>
								</div>
							</div>
							<div class="li-c">
								<div>￥先行赔付</div>
								<div>V同城帮认证</div>
								<div>人气：111111次浏览</div>
							</div>
						</li><li>	
							<div class="li-a"><img src="img/24.jpg"/ ></div>
							
							<div class="li-b">
								<a href="#"><span class="shop-name"></span></a><span> 店铺等级：**</span>
								<div id="">
									主营：<span class="shop-nr"></span>
								</div>
								<div id="">
									地址：<span class="shop-url"></span>
								</div>
							</div>
							<div class="li-c">
								<div>￥先行赔付</div>
								<div>V同城帮认证</div>
								<div>人气：111111次浏览</div>
							</div>
						</li>
					</ul>
					<button>1</button>
					<button>2</button>
					<button>3</button>
					<button>4</button>
					<button>5</button>
					<button style="width:120px;">下一页 >></button>
					
				</div>
				<div id="mbe-c">
					<h4>商家好评榜</h4>
					<div class="top">
						<div class="top-a">①</div>
						<div class="top-b"><img src="img/30.jpg"/></div>
						<div class="top-c"><p>联金诚维修中心</p><p>123456条评论</p></div>
					</div>
					<div class="top">
						<div class="top-a">②</div>
						<div class="top-b"><img src="img/31.jpg"/></div>
						<div class="top-c"><p>通顺电脑维修</p><p>123456条评论</p></div>
					</div>
					<div class="top">
						<div class="top-a">③</div>
						<div class="top-b"><img src="img/32.gif"/></div>
						<div class="top-c"><p>胜宏科技</p><p>123456条评论</p></div>
					</div>
					<div class="top">
						<div class="top-a">④</div>
						<div class="top-b"><img src="img/23.jpg"/></div>
						<div class="top-c"><p>百佳电脑维修</p><p>123456条评论</p></div>
					</div>
					<div class="top">
						<div class="top-a">⑤</div>
						<div class="top-b"><img src="img/8.gif"/></div>
						<div class="top-c"><p>鸿翔科技</p><p>123456条评论</p></div>
					</div>
					<div class="top">
						<div class="top-a">⑥</div>
						<div class="top-b"><img src="img/33.jpg"/></div>
						<div class="top-c"><p>北京天科维修技术中心</p><p>123456条评论</p></div>
					</div>
					<div class="top">
						<div class="top-a">⑦</div>
						<div class="top-b"><img src="img/9.gif"/></div>
						<div class="top-c"><p>忠信电脑维修</p><p>123456条评论</p></div>
					</div>
				</div>
			</div>
		</div>
		<div id="footer">
			<div id="ft-a">
				<div class="ft-ft">
					<span style="margin-left: 30px;"><img src="img/38.png"/></span>
					<span><h4>购物指南</h4><a href="#">购物流程</a><br><a href="#">用户注册</a><br><a href="#">帮助文档</a></span>
				</div>
				<div class="ft-ft">
					<span style="margin-left: 30px;"><img src="img/38.png"/></span>
					<span><h4>购物指南</h4><a href="#">购物流程</a><br><a href="#">用户注册</a><br><a href="#">帮助文档</a></span>
				</div>
				<div class="ft-ft">
					<span style="margin-left: 30px;"><img src="img/38.png"/></span>
					<span><h4>购物指南</h4><a href="#">购物流程</a><br><a href="#">用户注册</a><br><a href="#">帮助文档</a></span>
				</div>
				<div class="ft-ft">
					<span style="margin-left: 30px;"><img src="img/38.png"/></span>
					<span><h4>购物指南</h4><a href="#">购物流程</a><br><a href="#">用户注册</a><br><a href="#">帮助文档</a></span>
				</div>
				<div class="ft-ft">
					<span style="margin-left: 30px;"><img src="img/38.png"/></span>
					<span><h4>购物指南</h4><a href="#">购物流程</a><br><a href="#">用户注册</a><br><a href="#">帮助文档</a></span>
				</div>
			</div>
			<div id="ft-b">
				<p>
					<span>客服电话：4000-399-360 / 010-53767360</span>
					<a href="#">投诉建议</a>
					<a href="#">网站地图</a>
				</p>
				<p>
					Copyright © 2005-2017  360.CN  All Rights Reserved  360安全中心
				</p>
				<p>
					<a href="http://www.miibeian.gov.cn/">京ICP备08010314号-19</a>
					<span>    京公网安备110000000006号</span>
				</p>
				
			</div>
		</div>
	</body>
	<script type="text/javascript">
		
		//轮播图效果
		$(".carousel").carousel({
			interval:"3000"
		})
		//三级联动
		$(function(){
	    	_init_area();
    		$("#s_county").change(function(){//当区一改变，就讲省市区的内容拼接赋值给production
    			// 当前已经选择的省的内容
    			var protext = $("#s_province option:checked").text();
    			var citytext = $("#s_city option:checked").text();
    			var countytext = $("#s_county option:checked").text();
    			$("#production").val(protext+"-"+citytext+"-"+countytext);
    		
    		})
    	})
	</script>
</html>
